<template>
  <div id="list">
    <img  src="video03.png" alt=""  style="width: 0.5rem;height: 0.5rem;">
      <div class="box1">
        <h4>豆瓣 </h4>
        <p>{{tit2}}</p>
      </div>

      <div class="box2">
       
        <p>{{tit4}}</p>
      </div>
      <div class="box3">
      <img src="det04.png" alt=""  style="width: 100%;height: 0.5rem;">
      </div>
  </div>
</template>

<script>
export default {
  props:["tit2","tit4"]
}
</script>

<style scoped>
#list{
  font-size: 0.16rem;
}
#list div{
  float:right;
}
.box1{
  width:85%;
  height: 0.6rem;

}
.box2{
  width:85%;
  height: 0.8rem;
  border: 1px solid #666;
  
}
.box2 p{
  font-size: 0.14rem;
 
  color:#ccc;
}
.box3{
  width: 85%;
  height: 0.5rem;
}

</style>